<template>
  <div class="footer">
    <div class="bigbox">
      <div class="showinfo">
        <div class="one">
          <a href="#">产品友链</a>
          <p>
              婚庆网站服务<br/>
              婚庆商品<br/>
              婚庆摄影<br/>
              婚庆商城<br/>
          </p>
        </div>
        <div class="two">
          <a href="#">关于我们</a>
          <p>
            婚庆服务 <br/>
            摄影预订 <br/>
            婚庆用品订购<br/>
            婚庆问答<br/>
            婚庆指南 <br/>

          </p>
        </div>
        <div class="there">
          <a href="#">联系我们</a>
          <p>
            服务协议<br/>
            商城平台服务协议<br/>
            联系电话：0830-2445433<br/>
          </p>
        </div>
      </div>
      <div class="card">
        <img src="@/assets/二维码.png" alt=""/>
        <p class="bai">扫码关注</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
a {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
}

.tab-bar-wrap {
  width: 100%;
  height: 210px;
}

.footer {
   position:absolute;
   display: flex;
   flex-direction: column;
   width: 100%;
  z-index: 1000;

  .bigbox {
    display: flex;
    justify-content: center;
    height: 210px;
    padding-top: 20px;
    background-color: #333333;

    .showinfo {
      display: flex;
      color: #e1e0e0;
      font-size: 12px;
      line-height: 2;

      div {
        margin-right: 60px;
      }
    }

    .card {
      z-index: 1000;
      text-align: center;
      color: #e1e0e0;
    }
  }
}
</style>
